<template>
  <div class="todo-statistics">
    <div>
      进行中 - <span>{{ attrs.doingNum }}</span
      >个
    </div>
    <div>
      已完成 - <span>{{ attrs.doneNum }}</span
      >个
    </div>
  </div>
</template>

<script setup>
import { useAttrs } from "vue";

const attrs = useAttrs();
console.log("attrs", attrs);
</script>

<style scoped lang="scss">
.todo-statistics {
  display: flex;
  font-size: 16px;
  color: #aaaaaa;
  > div {
    margin-right: 10px;

    span {
      color: red;
    }
  }
}
</style>
